<template>
  <div class="demo-basic-vueStudyChild-attrDemo">
    <section>
      <h3>delete (urlKey, data, config, ..., argN)</h3>
      <p><b>urlKey</b>: 对应API 中的urlkey</p>
      <p><b>data</b>: DELETE请求中传递的参数，根据config中的dataType字段设置格式，默认为'formData'</p>
      <p><b>config</b>: DELETE请求的设置</p>
      <p><b>argN</b>: 可配置无数个参数，第四个至最后的一个参数会以'/'为连接符拼至请求 url 中</p>
    </section>
    <pre>
      <code class="javascript">
      import getData from '...'

      // http://baolv.cs2025.com/v1/sys/securityPolicy
      getData.<b>delete</b>('key', data, config)

      // http://baolv.cs2025.com/v1/system/organizations/orgId/staffs/tag
      getData.<b>delete</b>('key', data, config, 'orgId', 'staffs', 'tag'...)
      </code>
    </pre>

    <section>
      <h3>deleteUrl (url, data, config)</h3>
      <p><b>url</b>: 户自定义的URL</p>
      <--p><b>data</b>: DELETE请求中传递的参数，根据config中的dataType字段设置格式，默认为'formData'</p>
      <p><b>config</b>: 发送ajax传递的参数对象</p>
      <p><b>argN</b>: 可配置无数个参数，第四个至最后的一个参数会以'/'为连接符拼至请求 url 中</p>
    </section>
    <pre>
      <code class="javascript">
      import getData from '...'

      getData.<b>deleteUrl</b>('http://127.0.0.1/sysManage/user', data, config)
      </code>
    </pre>

    <section>
      <h3>deleteRestful (urlKey, params, data, config)</h3>
      <p><b>url</b>: 对应API 中的urlkey</p>
      <p><b>params</b>: Restful键值对</p>
      <p><b>data</b>: DELETE请求中传递的参数</p>
      <p><b>config</b>: 发送ajax传递的参数对象</p>
    </section>
    <pre>
      <code class="javascript">
      import getData from '...'

      // http://baolv.cs2025.com/v1/system/organizations/{orgId}
      getData.<b>deleteRestful</b>('key', { orgId: '123' }, data, config)
      </code>
    </pre>
  </div>
</template>

<script>
  import hljs from 'highlight.js'
  export default {
    // 组件被挂载的时候执行的方法
    mounted: function () {
      window.setTimeout(function () {
        $('.demo-basic-vueStudyChild-attrDemo pre code').each(function(i, block) {
          hljs.highlightBlock(block);
        });
      }, 200);
    }
  }
</script>
